﻿<!DOCTYPE html>
<html>
    <head lang="zh">
        <meta charset="UTF-8">
        <title>QxChat</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="renderer" content="ie-stand">
        <meta name="viewport" content="initial-scale = 1, user-scalable = no">
        <link rel="icon" href="qx.ico" type="image/ico">
        <link type="text/css" href="lib/css/bootstrap.css" rel="stylesheet"/>
        <link type="text/css" href="lib/css/groupInfo.css" rel="stylesheet"/>
        <link type="text/css" href="lib/css/layer.css" rel="stylesheet"/>
        <link type="text/css" href="lib/css/zTreeNormal.css" rel="stylesheet"/>
        <script src="lib/script/quote/jquery.js"></script>
        <script src="lib/script/quote/bootstrap.js"></script>
        <script src="lib/script/quote/layer.js"></script>
        <script src="lib/script/quote/jquery.form.min.js"></script>
        <script src="lib/script/quote/jquery.ztree.all-3.5.js"></script>
    </head>
    <body>
        <div class="qx-groupinfo">
            <div class="qx-groupinfo-top" style="-webkit-app-region: drag;">
                <div class="qx-groupinfo-tops">
                    群组管理
                </div>
            </div>
            <div class="qx-groupinfo-win" style="-webkit-app-region: no-drag;">
                <ul>
                    <li class="min"  style="-webkit-app-region: no-drag;"></li>
                    <li class="max"  style="-webkit-app-region: no-drag;"></li>
                    <li class="close"  style="-webkit-app-region: no-drag;"></li>
                </ul>
            </div>
            <ul class="nav nav-tabs nav-stacked" role="tablist">
                <li class="active">
                    <a href="#pills-tab1" data-toggle="tab">
                        基本信息
                    </a>
                </li>
                <li id="tab_member">
                    <a href="#pills-tab2" data-toggle="tab">
                        成员管理
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="pills-tab1">
                    <form class="form-horizontal" id="groupForm" name="groupForm">
                        <div class="form-group">
                            <label for="group_name" class="col-sm-2 control-label">群名称</label>
                            <div class="col-sm-10">
                                <input type="hidden" class="form-control" id="group_id" name="id" >
                                <input type="text" class="form-control" id="group_name" name="name" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="group_intro" class="col-sm-2 control-label">简介</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" id="group_intro" name="intro" rows="6"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane" id="pills-tab2">
                    <button id="btn_inviteMember" type="button" class="btn btn-info btn-sm">
                        <span class="glyphicon glyphicon-plus-sign"></span>邀请成员
                    </button>
                    <table id="grid-group-members" class="table table-condensed table-hover table-striped">
                        <thead>
                            <tr>
                                <th data-column-id="name" data-type="numeric">姓名</th>
                                <th data-column-id="online" data-type="numeric">是否在线</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div id="div_tree" style="display:none">
                        <div class="qx-groupinfo-treediv">
                            <input type="hidden" id="memberIds"/>
                            <ul id="orgTreeView" class="ztree"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btns pull-right">
                <button id="btn_dissolve" type="button" class="btn btn-danger">解散群组</button>
                <button id="apply" type="button" class="btn btn-primary" style="-webkit-app-region:no-drag;">应用</button>
                <button id="cancel" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;">关闭</button>
            </div>
        </div>
    <script src="lib/script/groupInfo.js"></script>
    </body>
</html>